<template>
	<view>
		<u-navbar title="消息" :autoBack="true" placeholder></u-navbar>
		<u-gap height="10" bgColor="#f8f9fd"></u-gap>
		<view class="content">
			<view class="item" v-for="(item,index) in messageList" :key="index" @click="goPath(item)">
				<image :src="item.image"></image>
				<view class="item_right">
					<u--text :text="item.name" size="18px" color="#000"></u--text>
					<!-- margin="0rpx 0rpx 10rpx 0rpx" -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				messageList: [{
						name: "系统消息",
						image: "/static/image/merchant_28.png",
						path: "/pagesA/my/system"
					},
					{
						name: "店铺信息",
						image: "/static/image/merchant_29.png",
						path: "/pagesA/my/store"
					}
				]
			};
		},
		methods: {
			goPath(item) {
				uni.$u.route({
					url: item.path
				})
			}
		}
	}
</script>
<style>
	page {
		background: #f8f9fd;
	}
</style>
<style lang="scss" scoped>
	.content {
		background: #fff;
		padding: 10rpx 24rpx;
	}

	.item {
		padding: 30rpx 0rpx;
		display: flex;
		align-items: center;

		image {
			width: 100rpx;
			height: 100rpx;
			margin-right: 20rpx;
		}

		.item_right {
			border-bottom: 2rpx solid #f7f7f7;
		}

		.item_right:last-child {
			border-bottom: none;
		}

	}
</style>
